<template>
  <el-row :gutter="20">
    <el-col :span="14">
      <ul>
        <li> <a href="javascript:;">首页</a></li>
        <li> <a href="javascript:;">实验室概况</a></li>
        <li> <a href="javascript:;">科研项目</a></li>
        <li> <a href="javascript:;">人员组成</a></li>
        <li> <a href="javascript:;">最新活动</a></li>
        <li> <a href="javascript:;">最新活动</a></li>
      </ul>
    </el-col>
    <el-col :span="5">
    </el-col>
    <el-col :span="5">
      <ul>
        <li> <a href="javascript:;">个人中心</a></li>
        <li> <a href="javascript:;">登录</a></li>
      </ul>
    </el-col>
  </el-row>
  <router-view></router-view>
</template>

<script setup lang="ts">

/* const routes = ref([
  {
    id: '1',
    title: '首页',
    url: '/home/homepage',

  },
  {
    id: '2',
    title: '实验室概况',
    url: '/home/lab',

  },
  {
    id: '3',
    title: '人员组成',
    url: '/home/member',

  },
  {
    id: '4',
    title: '最新活动',
    url: '/home/activity',
  },
  {
    id: '5',
    title: '在研AI',
    url: '/home/ai',

  },
])  */
</script>

<style scoped lang="scss">
/* 导航栏 */
.el-row {
  width: 100%;
  background-color: #19bfba;

  ul {
    display: flex;
    justify-content: space-around;

  }

  li {
    padding:30px 10px;
    text-align: center;
  }

  a {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
  }

}
</style>